import type { PresetTheme } from './index.js';

const vintage = {
	name: 'vintage',
	properties: {
		'--theme-font-family-base':
			"Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n\t\t'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
		'--theme-font-family-heading': "'Abril Fatface', cursive",
		'--theme-font-color-base': 'var(--color-primary-900)',
		'--theme-font-color-dark': 'var(--color-primary-100)',
		'--theme-rounded-base': '2px',
		'--theme-rounded-container': '4px',
		'--theme-border-base': '1px',
		'--on-primary': '0 0 0',
		'--on-secondary': '0 0 0',
		'--on-tertiary': '0 0 0',
		'--on-success': '0 0 0',
		'--on-warning': '0 0 0',
		'--on-error': '0 0 0',
		'--on-surface': '255 255 255',
		'--color-primary-50': '252 237 221',
		'--color-primary-100': '251 231 209',
		'--color-primary-200': '250 225 198',
		'--color-primary-300': '247 207 163',
		'--color-primary-400': '240 170 95',
		'--color-primary-500': '234 134 26',
		'--color-primary-600': '211 121 23',
		'--color-primary-700': '176 101 20',
		'--color-primary-800': '140 80 16',
		'--color-primary-900': '115 66 13',
		'--color-secondary-50': '239 248 242',
		'--color-secondary-100': '234 245 237',
		'--color-secondary-200': '229 243 233',
		'--color-secondary-300': '213 235 219',
		'--color-secondary-400': '182 221 192',
		'--color-secondary-500': '151 206 165',
		'--color-secondary-600': '136 185 149',
		'--color-secondary-700': '113 155 124',
		'--color-secondary-800': '91 124 99',
		'--color-secondary-900': '74 101 81',
		'--color-tertiary-50': '218 244 249',
		'--color-tertiary-100': '205 240 246',
		'--color-tertiary-200': '193 237 244',
		'--color-tertiary-300': '155 226 238',
		'--color-tertiary-400': '81 204 225',
		'--color-tertiary-500': '6 182 212',
		'--color-tertiary-600': '5 164 191',
		'--color-tertiary-700': '5 137 159',
		'--color-tertiary-800': '4 109 127',
		'--color-tertiary-900': '3 89 104',
		'--color-success-50': '237 247 231',
		'--color-success-100': '230 245 223',
		'--color-success-200': '224 242 215',
		'--color-success-300': '206 234 190',
		'--color-success-400': '169 219 142',
		'--color-success-500': '132 203 93',
		'--color-success-600': '119 183 84',
		'--color-success-700': '99 152 70',
		'--color-success-800': '79 122 56',
		'--color-success-900': '65 99 46',
		'--color-warning-50': '253 243 222',
		'--color-warning-100': '252 238 211',
		'--color-warning-200': '252 234 200',
		'--color-warning-300': '250 222 167',
		'--color-warning-400': '246 197 101',
		'--color-warning-500': '242 172 35',
		'--color-warning-600': '218 155 32',
		'--color-warning-700': '182 129 26',
		'--color-warning-800': '145 103 21',
		'--color-warning-900': '119 84 17',
		'--color-error-50': '249 236 235',
		'--color-error-100': '247 229 228',
		'--color-error-200': '245 223 221',
		'--color-error-300': '238 203 201',
		'--color-error-400': '226 165 161',
		'--color-error-500': '213 126 120',
		'--color-error-600': '192 113 108',
		'--color-error-700': '160 95 90',
		'--color-error-800': '128 76 72',
		'--color-error-900': '104 62 59',
		'--color-surface-50': '226 225 224',
		'--color-surface-100': '217 215 214',
		'--color-surface-200': '207 205 204',
		'--color-surface-300': '178 175 173',
		'--color-surface-400': '121 115 111',
		'--color-surface-500': '63 55 49',
		'--color-surface-600': '57 50 44',
		'--color-surface-700': '47 41 37',
		'--color-surface-800': '38 33 29',
		'--color-surface-900': '31 27 24'
	},
	properties_dark: {},
	enhancements: {
		"[data-theme='vintage'] h1,\n[data-theme='vintage'] h2,\n[data-theme='vintage'] h3,\n[data-theme='vintage'] h4,\n[data-theme='vintage'] h5,\n[data-theme='vintage'] h6":
			{ letterSpacing: '1px' },
		"[data-theme='vintage']": {
			backgroundImage:
				'radial-gradient(at 100% 0%, hsla(135,34%,70%,0.20) 0px, transparent 50%),\n\t\tradial-gradient(at 85% 100%, hsla(31,83%,50%,0.20) 0px, transparent 50%)',
			backgroundAttachment: 'fixed',
			backgroundPosition: 'center',
			backgroundRepeat: 'no-repeat',
			backgroundSize: 'cover'
		},
		".dark [data-theme='vintage']": {
			backgroundImage:
				'radial-gradient(at 100% 0%, hsla(135,34%,70%,0.14) 0px, transparent 50%),\n\t\tradial-gradient(at 85% 100%, hsla(31,83%,50%,0.14) 0px, transparent 50%)',
			backgroundAttachment: 'fixed',
			backgroundPosition: 'center',
			backgroundRepeat: 'no-repeat',
			backgroundSize: 'cover'
		}
	}
} satisfies PresetTheme;

export default vintage;
